<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ taglib prefix="t" uri="/easyui-tags"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/shezhi.css">
<link rel="stylesheet" href="css/xiaoxi.css">
<title>好友分组</title>
</head>
<!--头部 -->
<%@include file="head.jsp"%>

<!--main -->

<div class="shezhi">
	<div class="shezhi_c">
		<div class="shezhi_c_top">
			<img src="imges/home.png"> > 我的 > 好友
		</div>
		<div class="shezhi_con" style="height: auto;">
			<table style="width: 100%; table-layout: fixed;" cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td style="border-right: 1px solid #f1f1f1; width: 200px">
							<div class="shezhi_con_l" style="height: auto; border: none">
								<div class="shezhi_con_ltop">
									<span style="margin-top: 10px; display: inline-block"> <img class="shezhi_con_l_img" src="imges/jiayuan_tou.png"></span><br>
									<span>ID ${mbId}<img src="imges/v1.jpg"></span>
								</div>
								<div class="shezhi_con_lc">
									<%@include file="friendLeftNavi.jsp"%>
								</div>
								<div style="clear: both"></div>
							</div>
						</td>
						<td>
						<form action="FriendController.do?setFirendGroup" method=post> 
							<div class="shezhi_con_r" style="height: auto; padding-bottom: 10px">
								<p style="margin:0 auto">
								<a href="FriendController.do?firendGroup&fzType=all" class="a">全部好友</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=0">其他</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=1">通过本站认识</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=2">通过活动认识</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=3">通过朋友认识</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=4">亲人</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=5">同事</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=6">同学</a>
								<span class="pipe">|</span><a href="FriendController.do?firendGroup&fzType=7">不认识</a>
								</p>
								<div class=" search_top">对选定的好友进行分组</div>
								<div class="search_rs" style="height: auto;">
									<c:forEach items="${listsFriend}" var="listFriend">
										<div class="search_bg">
											<div class="search_bg_img">
												<!-- 点好友跳转 到他的 个人中心 -->
												<input type="checkbox" style="float: right" id="${listFriend.user_id}" name="info" value="${listFriend.user_id}" > 
												<img src="imges/xiaoxi/touxiang.png">
											</div>
											<div class="search_bg_con">
												<span style="color: #000"> <!-- 点好友跳转 到他的 个人中心 --> <a href=""></a>${listFriend.user_name}
												</span><br> <span>${listFriend.signature}</span><br>
												
											</div>
										</div>
									</c:forEach>
									<div style="clear: both"></div>
								</div>

								<div class="search_rs">
									<input type="checkbox" id="checkall" name="checkall" onclick="checkAll(checkall)" />
									<span>全选</span> <span>设置用户组</span>
									<select class="search_rs_select" id="fz" name="fz" >
										<option value="0">其他</option>
										<option value="1">通过本站认识</option>
										<option value="2">通过活动认识</a>
										<option value="3">通过朋友认识</a>
										<option value="5">同事</a>
										<option value="6">同学</a>
										<option value="7">不认识</a>
									</select>
									<button class="search_bg_btn11" type="submit">确定</button>
								</div>

							</div>
							</form>
						</td>
					</tr>
				</tbody>
			</table>
			<div style="clear: both"></div>
		</div>
		<div style="clear: both"></div>
	</div>
</div>


<!--foot -->
<%@include file="foot.jsp"%>

</body>
</html>
<script type="text/javascript">  
        function checkAll(checkall) {    
            arr = document.getElementsByName('info' );   
            if (checkall.checked == true) {   
                for(i=0;i<arr.length;i++){   
                      
                    arr[i].checked = true;   
                }  
  
                }else{  
                    for(i=0;i<arr.length;i++){   
                        if((arr[i]).checked==false){  
                            arr[i].checked = true;  
                        }else  
                        {arr[i].checked = false; }  
                    }  
                }  
    }    
  
        </script> 